<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/default.css">
    <link rel="stylesheet" href="../css/select/select.css">
    <link rel="stylesheet" href="../css/userManage.css">
    <!--分页插件-->
    <link rel="stylesheet" href="../lib/pageing-master/src/paging.css">
    <!--日期插件-->
    <link rel="stylesheet" type="text/css" href="../lib/date/css/default.css">
    <link rel="stylesheet" href="../lib/date/css/daterangepicker.css" />
    <style type="text/css">
    	.us_item .two .identity, .us_item .three .identity{
    		width: 86px;
    		margin-left: 0;
    	}
    	.nickname,.friend{
    		text-align: center;
    	}
    </style>
</head>
<body>
<div class="content">
    <div class="title">
        <div class="t_item">用户管理</div>
        <div class="t_introduce">Ace Gear是我的平台，我爱这个平台啊。</div>
    </div>
    <!--用户管理标题-->
    <div class="us_title">
        <span class="span1">筛选用户范围</span>
        <span class="span2">
            <a class="btn-select btn_select1">
                <span class="cur-select">请选择</span>
                <select>
                    <option>按照身份</option>
                    <option>地域</option>
                    <option>性别</option>
                    <option>兴趣</option>
                </select>
            </a>
            <!--<input type="text" placeholder="长度">-->
            <img src="../image/下拉%20(2).png" alt="">
        </span>
        <span class="span3">排序</span>
        <span class="span4">
            <a class="btn-select btn_select1">
                <span class="cur-select">请选择</span>
                <select>
                    <option>按照A－Z昵称首字母排序</option>
                    <option>活动参与量</option>
                    <option>入会时间</option>
                    <option>在线时间</option>
                </select>
            </a>
           <!-- <input type="text" placeholder="A-Z昵称首字母排序">-->
            <img src="../image/下拉%20(2).png" alt="">
        </span>
        <span class="span5">
            <input type="text" placeholder="搜索成员昵称或ID">
            <img src="../image/搜索.png" alt="">
        </span>
    </div>

    <!--用户列表-->
    <div class="us_item">
        <ul class="ul_list">
            <li class="one">
                <span class="check"></span>
                <span class="avatar">头像</span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">身份</span>
                <span class="post">发帖</span>
                <span class="actives">活动参与</span>
                <span class="remark">备注</span>
            </li>
            <li class="two clearfix">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">主理人</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
            </li>
            <li class="three">
                <span class="check active"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">管理员</span>
                <span class="post">12,345</span>
                <span class="actives">34</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option">修改权限配置</span>
                    <span class="o_manager">移交主理人</span>
                    <span class="o_reduce">降级</span>
                    <span class="o_remove">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check active"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check active"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
            <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
            <span class="nickname">昵称</span>
            <span class="about">简介</span>
            <span class="friend">好友</span>
            <span class="arems">装备</span>
            <span class="identity">会员</span>
            <span class="post">12,345</span>
            <span class="actives">43</span>
            <span class="remark">备注</span>
            <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
        </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
            <li class="three four">
                <span class="check"></span>
                <span class="avatar">
                    <img src="" alt="">
                </span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">好友</span>
                <span class="arems">装备</span>
                <span class="identity">会员</span>
                <span class="post">12,345</span>
                <span class="actives">43</span>
                <span class="remark">备注</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1">升为管理员</span>
                    <span class="o_manager1">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
        </ul>

    </div>
    <div class="page clearfix" id="pageToobar">

    </div>
</div>
<script id="caption" type="text/html">
	<li class="one">
                <span class="check"></span>
                <span class="avatar">头像</span>
                <span class="nickname">昵称</span>
                <span class="about">简介</span>
                <span class="friend">省份</span>
                <span class="arems">装备</span>
                <span class="identity">身份</span>
                <span class="post">发帖</span>
                <span class="actives">活动参与</span>
                <span class="remark">备注</span>
            </li>
</script>
<script id="director" type="text/html">
	            <li class="two clearfix userList" data-userId="{userId}">
                <span class="check"></span>
                <span class="avatar">
                    <img src="{backgound}" alt="">
                </span>
                 <span class="nickname">{nickname}</span>
                <span class="about">{about}</span>
                <span class="friend">{province}</span>
                <span class="arems">{equipCount}</span>
                <span class="identity">{title}</span>
                <span class="post">{postCount}</span>
                <span class="actives">{followecount}</span>
                <span class="remark">{remark}</span>
            </li>
</script>
<script id="mannagerTmpl" type="text/html">
	<li class="three  userList" data-userId="{userId}">
                <span class="check active"></span>
                <span class="avatar">
                    <img src="{backgound}" alt="">
                </span>
                <span class="nickname">{nickname}</span>
                <span class="about">{about}</span>
                <span class="friend">{province}</span>
                <span class="arems">{equipCount}</span>
                <span class="identity">{title}</span>
                <span class="post">{postCount}</span>
                <span class="actives">{followecount}</span>
                <span class="remark">{remark}</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option xgqxpz">修改权限配置</span>
                    <span class="o_manager yjzlr">移交主理人</span>
                    <span class="o_reduce jj">降级</span>
                    <span class="o_remove kc">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
</script>
<script id="huiyuanTmpl" type="text/html">
	<li class="three four  userList" data-userId="{userId}">
                <span class="check"></span>
                <span class="avatar">
                    <img src="{backgound}" alt="">
                </span>
                 <span class="nickname">{nickname}</span>
                <span class="about">{about}</span>
                <span class="friend">{province}</span>
                <span class="arems">{equipCount}</span>
                <span class="identity">{title}</span>
                <span class="post">{postCount}</span>
                <span class="actives">{followecount}</span>
                <span class="remark">{remark}</span>
                <!--左边三角-->
                <span class="shape">
                    <span class="san"></span>
                </span>
                <span class="option">
                    <span class="o_option1 swgly">升为管理员</span>
                    <span class="o_manager1 kc">开除</span>
                    <span class="san1">
                        <img src="../image/分页符按钮-右.png" alt="">
                    </span>
                </span>
            </li>
	
</script>
<script src="../lib/jquery/dist/jquery.min.js"></script>
<script src="../lib/pageing-master/src/query.js"></script>
<script src="../lib/pageing-master/src/paging.js"></script>
<script type="text/javascript" src="../js/config.js" ></script>
<script src="../js/userManage.js"></script>
</body>
</html>